<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><#assign path="${request.getContextPath()}">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="${path}/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
<link href="${path}/userCenter/css/validationEngine.jquery.css" type="text/css" rel="stylesheet"/>
<script src="${path}/jquery/jquery.blockUI.js" type="text/javascript"></script>
<script src="${path}/jquery/jquery.validationEngine-en.js" type="text/javascript"></script>
<script src="${path}/jquery/jquery.validationEngine.js" type="text/javascript"></script>
<script src="${path}/blogManager/articlesManager/js/commentManagerPerArticle.js" type="text/javascript"></script>
<link href="${path}/css/highlight.css" type="text/css" rel="stylesheet"/>
<script src="${path}/js/highlight.pack.js" type="text/javascript"></script>
<link href="${path}/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/frame.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/header.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/content.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/sidebar.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/footer.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/pager.css" type="text/css" rel="stylesheet"/>
<title>Article View</title>
<link rel="short cut icon" HREF="${path}/images/favicon.ico" />
<script>
  hljs.tabReplace = '    ';
  hljs.initHighlightingOnLoad();
</script>
</head>

<body>
<div id="wrapper">
	<#include "/header.ftl" />
	<div id="content">
		<div class="post">
			<h2 class="post-title"><a href="#" title="${blogArticle.article.title}"> ${blogArticle.article.title} </a></h2>
			<#assign articleDate = "${blogArticle.article.writeDate}" />
			<#assign articleDateFormart = "${articleDate?date('yy-mm-dd')}" />
			<p class="post-date"><span class="day">${articleDateFormart?split('-')[2]}</span> <span class="month">${articleDateFormart?split('-')[1]}</span> <span class="year">${articleDateFormart?split('-')[0]}</span> <span class="postcomment">No comment</span></p>
			<p class="post-data"><span class="postauthor">by ${blogArticle.article.author.userName}</span><span class="postcategory">in ${blogArticle.article.articleCategories.categoryName}</span> keys: <#list blogArticle.article.keyWordSet as keyWord>${keyWord.name}</#list> </p>
			
			${blogArticle.article.content}
			<p class="post-nav">
				<#if preArticle??><span class="previous"><em>Previous</em> <a href="<@s.url action="preArticleCommentManager" namespace="/blogManager" ><@s.param name="bid" value="${preArticle.id}" /><@s.param name="pageNo" value="1" /></@s.url>" rel="prev">${preArticle.article.title}</a></span> </#if>
				<#if nextArticle??><span class="next"><em>Next</em> <a href="<@s.url action="preArticleCommentManager" namespace="/blogManager" ><@s.param name="bid" value="${nextArticle.id}" /><@s.param name="pageNo" value="1" /></@s.url>" rel="next">${nextArticle.article.title}</a></span> </#if>
			</p>
			
			<h4 id="comments">${blogArticle.commentsCount} Comments <em>(<a href="#respond">+add yours?</a>)</em></h4> 
			<div class="comment-nav"> 
				<span class="previous"><a href="http://www.ndesign-studio.com/demo/wordpress/blog/how-about-a-blog-post-with-longer-title/comment-page-4#comments" >Older</a></span> 
				<span class="next"></span> 
			</div>
			
			<ol class="commentlist">
			  	<#list commentList as comment> 
			  		<#if !comment.rootComment??>
						<li> 
							<p class="comment-author"> 
								<#if  comment.author.male?string =='true'> 
									<img alt='' src='${path}/images/male.jpg' class='avatar avatar-48 photo' height='48' width='48' />			
									<#else>
									<img alt='' src='${path}/images/female.jpg' class='avatar avatar-48 photo' height='48' width='48' />			
								</#if>
								<cite><a href='http://www.axis-symmetry.com/' rel='external nofollow' class='url'>${comment.author.userName}</a></cite><br /> 
								<#assign commentDate = "${comment.commentDate}" />
								<small><strong>${commentDate?date('yy-mm-dd')}</strong> @ ${commentDate?date('hh-mm-ss')}</small> 
							</p> 
							<div class="commententry" id="commententry-${comment.id}"> 
								<p><i>	<#if comment.display == true>${comment.content}<#else> ------------</#if> </i></p> 
							</div> 
							<p class="reply"> 
								<a id='comment-${comment.id}' rel='nofollow' class='comment-reply-link' href='#comment-${comment.id}' name='${comment.id}'>
									<#if comment.display == true>
										<@s.text name="comment.hide"/>
									<#else>
										<@s.text name="comment.display"/>
									</#if>
								</a>
							</p> 
						</li>
					 <#else>
						<ul class="chidren">
							 <li> 
								<p class="comment-author"> 
									<#if  comment.author.male?string =='true'> 
										<img alt='' src='${path}/images/male.jpg' class='avatar avatar-48 photo' height='48' width='48' />			
									<#else>
										<img alt='' src='${path}/images/female.jpg' class='avatar avatar-48 photo' height='48' width='48' />			
									</#if>
									<cite><a href='http://www.axis-symmetry.com/' rel='external nofollow' class='url'>${comment.author.userName}</a></cite><br /> 
									<#assign commentDate = "${comment.commentDate}" />
									<small><strong>${commentDate?date('yy-mm-dd')}</strong> @ ${commentDate?date('hh-mm-ss')}</small> 
								</p> 
								<div class="commententry" id="commententry-${comment.id}"> 
									<p><i>	<#if comment.display == true>${comment.content}<#else> ------------</#if>  </i></p> 
								</div> 
								<p class="reply"> 
									<a  id='comment-${comment.id}' rel='nofollow' class='comment-reply-link' href='#comment-${comment.id}'  name='${comment.id}'>
										<#if comment.display == true>
											<@s.text name="comment.hide"/>
										<#else>
											<@s.text name="comment.display"/>
										</#if>
									</a>
								</p> 
							  </li>
						   </ul>
					</#if>
				</#list>
			</ol>
		</div>
		<#if blogArticle.commentOpen>
			<#assign action = "preArticleCommentManager" />
			<#assign namespace = "/blogManager" />
			<#assign param = {"bid":"${blogArticle.id}"}/>
			<#include "/pager.ftl" />
		</#if>
		<!--/post -->
	<!--	<p class="post-nav"><span class="previous">Pre</span> <span class="next">Next</span></p>  -->
	</div>
	<#include "/blogManager/managerSideBar.ftl" />
	<#include "/footer.ftl" />
</div>	
</body>

</html>